<#-- 角色配置页面 -->
<#import layoutTemplet as layout>
<#assign contextPath=request.getContextPath()>
<#-- 调用布局指令 -->
<@layout.html>
<#escape x as x?html>

<#-- 导航区 -->
<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <span class="grey">主数据</span>
        </li>
        <li class="active">
            <span class="grey">员工信息</span>
        </li>
    </ul>
    <div class="nav-search" id="nav-search">
        <button class="mfui-btn mfui-btn-primary mfui-btn-sm" id="headGoBackBtn">　返回　</button>
    </div>
</div>
<div class="page-content">
    <div class="page-header">
        <h1>
            员工信息
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                配置
            </small>
            <small>
                <i class="ace-icon fa fa-angle-double-right"></i>
                ${employeeInfo.employeeName!}
            </small>
        </h1>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <input type="hidden" id="uniqueNo" name="uniqueNo" value="${employeeInfo.uniqueNo!}" />
            <div class="tabbable">
                <ul class="nav nav-tabs" id="configTab">
                    <li class="active">
                        <a id="roleTab" data-toggle="tab" href="#" aria-expanded="true">
                            　　角色　　
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div id="mtc" class="tab-pane fade active in">
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="widget-box">
                                    <div class="widget-header">
                                        <h5 class="widget-title">
                                            <i class="ace-icon fa fa-list-alt"></i>
                                            数据列表
                                        </h5>
                                    </div>
                                    <div class="widget-body">
                                        <div class="widget-toolbox padding-8 clearfix">
                                            <button id="addBtn" class="mfui-btn mfui-btn-normal">
                                                绑定
                                            </button>
                                        </div>
                                        <div class="jqgrid-container">
                                            <table id="gridTable"></table>
                                            <div id="gridPager"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="role" class="tab-pane fade"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<#-- 角色信息 -->
<div id="role-content" style="display: none;">
    <div class="col-xs-12">
        <div class="widget-box collapsed">
            <div class="widget-header">
                <h5 class="widget-title"><i class="ace-icon fa fa-search"></i> 查询条件</h5>
                <div class="widget-toolbar">
                    <a href="#" data-action="collapse">
                        <i class="ace-icon fa fa-chevron-down"></i>
                    </a>
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main">
                    <form id="searchForm" class="form-horizontal">
                        <div class="form-group">
                            <div class="col-md-6">
                                <div class="input-group">
                                    <label for="roleCode" class="input-group-addon">角色编码</label>
                                    <input class="form-control form-cnd" id="roleCode" name="roleCode" type="text">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <label for="roleName" class="input-group-addon">角色名称</label>
                                    <input class="form-control form-cnd" id="roleName" name="roleName" type="text">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="widget-toolbox padding-8 clearfix">
                    <button class="btn btn-white btn-primary" id="queryBtn">
                        <i class="ace-icon fa fa fa-search"></i>
                        查询
                    </button>
                    <button class="btn btn-white btn-primary" id="resetBtn">
                        <i class="ace-icon fa fa-reply"></i>
                        清空
                    </button>
                </div>
            </div>
        </div>
        <div class="widget-box">
            <div class="widget-body">
                <div class="jqgrid-container">
                    <table id="roleGridTable"></table>
                    <div id="roleGridPager"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${contextPath}/public/js/opt/employee/employee_info_config_role.js"></script>
</#escape>
</@layout.html>